<!--
 * @Author: yishen@mdashen.com
 * @Date: 2021-05-22 21:18:37
 * @LastEditTime: 2021-05-22 21:23:42
 * @Description: 下拉菜单子项
-->
<template>
  <li class="dropdown-option" :class="{ 'is-disabled': disabled }">
    <slot></slot>
  </li>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'DropdownItem',
  components: {},
  props: {
    disabled: {
      type: Boolean,
      default: false
    }
  },
  setup () {
    return {}
  }
})
</script>
<style lang="scss" scoped>
.dropdown-option {
  &.is-disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
  }
}
</style>
